import React from 'react'
import { List } from 'antd';

import {
    QrcodeOutlined
} from '@ant-design/icons';

function HealthCodeList(props: any) {
    // console.log(props)
    return (
        <List
            header={<div>{props.title}</div>}
            dataSource={props.ListData}
            renderItem={(item:any) => (
                <List.Item> <div><div className={item.name==='正常'?'lvma':item.name==='告警'?'huangma':'hongma'}><QrcodeOutlined 
                /> </div>{item.name}</div> <span>{item.value}</span>
                </List.Item>
            )}
        />
    )
}

export default HealthCodeList
